<template>
	<div>
		<div class="hot-title">
			<img class="hot-title-img" src="http://img1.qunarzz.com/piao/fusion/1711/16/bfbb9874e8f11402.png">
			本周热门榜
		</div>
		<ul class="hot-info">
			<li class="hot-item"  v-for="(item, index) in list" :key="item.id">
				<div class="mp-hotsale-tag" v-if="item.altUrl != 'underfined'">
					<img class="mp-hotsale-tagimg" :src="item.altUrl" :alt="item.altName">
				</div>
				<img class="hot-item-img" :src="item.imgUrl">
				<p class="hot-item-title">{{item.title}}</p>
				<p class="hot-item-money">￥{{item.money}}起</p>
			</li>
		</ul>
	</div>
</template>

<script>
export default {
	name: 'HomeHot',
	props: {
		list: Array
	},
	data () {
		return {
		}
	}
}
</script>

<style lang="stylus" scoped="">
.hot-title
	height: .8rem
	line-height: .8rem
	text-indent: .2rem
	background: #eee
	font-size:.32rem
	.hot-title-img
		width:.3rem
		height:.3rem
.hot-info
	padding: .2rem
	overflow: scroll
	white-space: nowrap
	.hot-item
		display:inline-block
		text-align:center
		padding: .1rem
		position: relative
		.mp-hotsale-tag
			position: absolute
			left: .05rem
			top:.05rem		
			.mp-hotsale-tagimg
				width:.84rem
				height:.4rem
		.hot-item-img
			width:2rem
			height:2rem
		.hot-item-title
			line-height: .55rem
		.hot-item-money
			color:#ff8300
			line-height: .4rem
</style>